<template>
   <div class="empty-container">
      <Icon type="empty" :size="128"/>
      <p>{{text}}</p>
   </div>
</template>

<script>
import Icon from "@/components/Icon/index.vue";
export default {
 name:"Empty",
 components:{
     Icon
 },
 props:{
     text:{
         type:String,
         default:"无数据"
     }
 }
}
</script>

<style scoped lang='less'>
@import "~@/styles/var.less";
@import "~@/styles/mixin.less";
.empty-container{
    .self-center;
    i{
        color:@empty;
    }
    p{
        text-align: center;
        color:@empty;
    }
}
</style>